<template>
  <div class="my-container" >
    <div class="name">
    <div><img src="http://perico.damai.cn/userheadphotos/754716/150943384.jpg" alt=""></div>
    <div>
        <p>小明</p>
    </div>
  </div>
  <div class="my-first">
      <ul>
          <li> 会员中心</li>
          <router-link to="/myorder">我的订单</router-link>
          <li>优惠券</li>
          <li>我的票</li>
      </ul>
  </div>
  <div class="my-gz">
      <router-link to="/myattention">关注</router-link>
  </div>
  <div class="my-last my-first">
      <ul>
          <li @click="handle"> 收货地址</li>
          <li>常用观演人</li>
          <li>实名认证</li>
          <li>意见反馈</li>
      </ul>
  </div>
  <div class="my-btn">
      退出登录
  </div>
  </div>
</template>

<script>
import Vue from 'vue';
import { Uploader } from 'vant';
Vue.use(Uploader);
export default {
  data () {
    return {
       fileList: [
        // Uploader 根据文件后缀来判断是否为图片文件
        // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明    
      ]
    }
  },
  methods: {
    handle(){
      console.log(1);
      
  this.$router.push('/adress')
    },
     afterRead(file) {
      // 此时可以自行将文件上传至服务器
      console.log(file.content);
    }
  }

}
</script>

<style lang="stylus" scoped>
@import '../styles/border.styl'
.my-container
    width 100%
    height 100%
    .name 
       display flex
       flex-direction row
       align-items center
       background #ff1268
       height 1.81rem
       >div:first-child
         height 1.14rem
         width 1.14rem
         margin-left 0.3rem
         img 
           width 100%
           height 100%
           border 0.07rem solid #fff
           border-radius: 50%
       >div:last-child
           color #ffffff
           font-size 0.3rem
           margin-left 0.2rem 
    .my-first
        ul 
          background #fff
          li 
            height 1.12rem
            line-height 1.12rem
            font-size 0.28rem
            color #666  
            padding-left 0.4rem
            $border(0 0 1px 0,#AAA,solid)
    .my-gz
      margin-top 0.2rem
      height 1.12rem
      line-height 1.12rem
      font-size 0.28rem
      color #666 
      padding-left 0.4rem  
      background #fff
      margin-bottom  0.2rem
    .my-btn     
      background #fff
      margin-top 0.2rem
      text-align  center
      height 0.9rem
      line-height 0.9rem
      font-size 0.32rem
      color #666 

</style>